<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鼎搜网列表页</title>

    <style type=text/css>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        a {
            text-decoration: none;
            color: black;
        }
        
        .box {
            width: 1000px;
            /* height: 1600px; */
            margin: 0 auto;
        }
        
        .top {
            width: 1000px;
            height: 24px;
            background-color: skyblue;
            float: left;
        }
        
        .heard {
            width: 1000px;
            height: 118px;
        }
        
        .heard-img {
            width: 200px;
            height: 118px;
            float: left;
        }
        
        .heard-img img {
            width: 121px;
            height: 63px;
            margin-top: 50px;
            margin-left: 60px;
        }
        
        .heard-title {
            width: 800px;
            height: 118px;
            float: right;
        }
        
        .heard-title-content {
            height: 15px;
            margin-top: 77px;
            margin-left: 50px;
        }
        
        .heard-title-content ul li {
            display: inline-block;
            margin-right: 18px;
            color: #000000;
            font-size: 14px;
        }
        
        .heard-title-content ul li input {
            width: 216px;
            height: 30px;
            background-image: url(./fdj.png);
            background-repeat: no-repeat;
            background-position: 188px 6px;
        }
        
        .big-img {
            width: 1000px;
            height: 400px;
            overflow: hidden;
        }
        
        .big-img img {
            width: 1000px;
            height: 400px;
        }
        
        .current-location {
            width: 900px;
            height: 30px;
            margin: 0 auto;
            display: flex;
            border-top: 1px solid #6db6ff;
            margin-top: 45px;
        }
        
        .current-left {
            width: 80px;
            height: 30px;
            display: flex;
            justify-content: space-between;
            background-color: #6db6ff;
        }
        
        .current-left p {
            font-size: 16px;
            color: white;
            margin-left: 1px;
            line-height: 30px;
        }
        
        .current-left::after {
            content: '';
            border-top: 30px solid transparent;
            border-right: 15px solid white;
        }
        
        .current-right {
            width: 820px;
            height: 30px;
            display: flex;
            /* background-color: blue; */
        }
        
        .current-right p {
            font-size: 16px;
            line-height: 30px;
        }
        
        .category {
            height: 133px;
            width: 900px;
            margin: 0 auto;
            margin-top: 30px;
            /* background-color: blue; */
            display: flex;
        }
        
        .category .img {
            width: 38px;
            height: 100%;
            /* background: red; */
            display: flex;
            align-items: center;
            justify-content: space-around;
            flex-wrap: wrap;
        }
        
        .choice {
            width: 63px;
            height: 100%;
            font-size: 16px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            flex-wrap: wrap;
        }
        
        .category-content {
            height: 133px;
            width: 799px;
            /* background: yellow; */
            display: flex;
            align-items: center;
            justify-content: space-around;
            flex-wrap: wrap;
        }
        
        .category-content ul {
            width: 799px;
            display: flex;
        }
        
        .category-content ul li {
            font-size: 12px;
            margin: 0 2px 0 2px;
        }
        
        .category-content ul li:first-child {
            color: skyblue;
            font-size: 14px;
            line-height: 15px;
        }
        
        .start {
            width: 900px;
            height: 38px;
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
        }
        
        .left {
            width: 72px;
            height: 100%;
            background-color: #fafafa;
            border-top: 1px solid #b6daff;
        }
        
        .right {
            width: 72px;
            height: 100%;
            background-color: #fafafa;
            border-top: 1px solid #b6daff;
        }
        
        .content {
            flex: 1;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #b6daff;
        }
        
        .topleft {
            border-top: 38px solid transparent;
            border-left: 13px solid #b6daff;
        }
        
        .topright {
            border-top: 38px solid transparent;
            border-right: 13px solid #b6daff;
        }
        
        .content2 {
            display: flex;
            flex: 1;
            justify-content: space-around;
            align-items: center;
        }
        
        .content2 p {
            font-size: 16px;
            font-weight: bold;
            color: #343434;
        }
        
        .start2 {
            width: 900px;
            height: 533px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            background-color: #fafafa;
            border-bottom: 1px solid #b6daff;
        }
        
        .start2-left {
            width: 72px;
            height: 100%;
        }
        
        .start2-right {
            width: 72px;
            height: 100%;
        }
        
        .start2-content {
            flex: 1;
            display: flex;
        }
        
        li {
            font-size: 12px;
            font-weight: 400;
        }
        
        .project {
            width: 210px;
            height: 100%;
            /* background-color: red; */
            /* display: flex;
            flex-wrap: wrap;
            align-items: center; */
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-direction: column
        }
        
        .region {
            width: 75px;
            height: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-direction: column
        }
        
        .industry {
            width: 219px;
            height: 100%;
            /* background-color: skyblue; */
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-direction: column
        }
        
        .type {
            width: 61px;
            height: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-direction: column
            /* background-color: blueviolet; */
        }
        
        .release-time {
            width: 191px;
            height: 100%;
            /* background-color: pink; */
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-direction: column
        }
        
        .pageup {
            width: 900px;
            height: 100px;
            margin: 0 auto;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        
        .click {
            width: 211px;
            height: 18px;
            display: flex;
            justify-content: space-between;
            text-align: center;
        }
        
        .click div:first-child {
            width: 49px;
            height: 18px;
            background-color: #e5e5e5;
            border: solid 1px #c9c9c9;
            font-size: 12px;
            line-height: 18px;
            text-align: center;
        }
        
        .click div:nth-child(2) {
            width: 18px;
            height: 18px;
            font-size: 12px;
            background-color: skyblue;
            font-size: 12px;
            line-height: 18px;
            color: #ffffff;
            border: solid 1px #c9c9c9;
            margin: 0 2px 0 3px;
        }
        
        .click div:nth-child(3),
        .click div:nth-child(4),
        .click div:nth-child(5),
        .click div:nth-child(6) {
            width: 18px;
            height: 18px;
            font-size: 12px;
            background-color: #e5e5e5;
            border: solid 1px #c9c9c9;
            font-size: 12px;
            line-height: 18px;
            margin: 0 3px 0 2px;
        }
        
        .click div:last-child {
            width: 49px;
            height: 18px;
            background-color: #e5e5e5;
            border: solid 1px #c9c9c9;
            font-size: 12px;
            line-height: 18px;
            text-align: center;
        }
        
        .bottom {
            width: 1000px;
            height: 167px;
            margin: 0 auto;
            /* background-color: chartreuse; */
            display: flex;
        }
        
        .daohang {
            margin: 0 auto;
            width: 650px;
            height: 167px;
            /* background-color: yellow; */
            display: flex;
            justify-content: space-around;
            /* background-color: blue; */
        }
        
        .daohang-img {
            width: 350px;
            height: 167px;
        }
        
        .daohang-img img {
            width: 100%;
            height: 100%;
        }
        
        .daohang ul li:first-child {
            font-size: 16px;
            color: #000000;
            margin: 44px 0 26px 0;
            font-weight: bold;
        }
        
        .daohang ul li:nth-child(2),
        .daohang ul li:nth-child(3),
        .daohang ul li:nth-child(4) {
            font-size: 12px;
            line-height: 25px;
            letter-spacing: 2px;
            line-height: 25px;
            letter-spacing: 2px;
        }
        
        .bottom2 {
            height: 70px;
            width: 1000px;
            background-color: #6db6ff;
            position: relative;
            margin: 0 auto;
            margin-top: 20px;
        }
        
        .bottom2 p {
            position: absolute;
            top: 42px;
            left: 350px;
            font-size: 12px;
        }
        
        .xian {
            height: 1px;
            width: 1000px;
            background-color: #6db6ff;
            margin: 0 auto;
            margin-top: 50px;
        }
    </style>
</head>

<body>
    <div class="box">
        <!-- 顶部盒子 -->
        <div class="top"></div>
        <!-- 网页头部 -->
        <div class="heard">
            <div class="heard-img">
                <img src="./sdw.png" alt="">
            </div>
            <div class="heard-title">
                <div class="heard-title-content">
                    <ul>
                        <li><a href="./index.html">首页</a></li>
                        <li><a href="./zc.html">关于鼎搜</a></li>
                        <li><a href="./denglu.html">鼎搜服务</a></li>
                        <li><a a style="color: red; " href="./liebiao.html">鼎搜动态</a></li>
                        <li><a href="./xiangxi.html">鼎搜诚聘</a></li>
                        <li>鼎搜公益</li>
                        <li><input type="text"></li>
                    </ul>

                </div>
            </div>

        </div>
        <!-- 诚信为鼎大图 -->
        <div class="big-img">
            <img src="./bigimg.png" alt="">
        </div>
        <!-- 当前位置 -->
        <div class="current-location">
            <div class="current-left">
                <p>当前位置</p>

            </div>
            <div class="current-right">
                <a href="">
                    <p>：主页></p>
                </a>

                <a href="">
                    <p>我要投资</p>
                </a>

                <a href="">
                    <p>>投资列表</p>
                </a>


            </div>
        </div>
        <div class="category">
            <!-- 图片 -->
            <div class="img">
                <img src="./alx.png" alt="">
                <img src="./ahy.png" alt="">
                <img src="./adq.png" alt="">

            </div>
            <!-- 类型 -->
            <div class="choice">
                <p>按类型:</p>
                <p>按行业:</p>
                <p>按地区:</p>
            </div>
            <!-- 内容 -->
            <div class="category-content">
                <ul>
                    <li>全部</li>
                    <li>股权转让</li>
                    <li>债权转让</li>
                    <li>实物资产</li>
                    <li>工美藏品</li>
                    <li>知识产权</li>
                    <li>经营产权</li>
                    <li>房产</li>
                    <li>矿权</li>
                    <li>林权</li>
                    <li>融资</li>
                    <li>更多</li>
                </ul>
                <ul>
                    <li>全部</li>
                    <li>房地产业</li>
                    <li>电子通讯</li>
                    <li>电力工业</li>
                    <li>煤炭工业</li>
                    <li>治金矿产</li>
                    <li>机械制造</li>
                    <li>基础设施</li>
                    <li>建筑建材</li>
                    <li>物流仓储</li>
                    <li>给多</li>
                </ul>
                <ul>
                    <li>全部</li>
                    <li>北京</li>
                    <li>天津</li>
                    <li>上海</li>
                    <li>重庆</li>
                    <li>河北</li>
                    <li>山西</li>
                    <li>浙江</li>
                    <li>辽宁</li>
                    <li>吉林</li>
                    <li>湖北</li>
                    <li>江苏</li>
                    <li>安徽</li>
                    <li>福建</li>
                    <li>江西</li>
                    <li>台湾</li>
                    <li>香港</li>
                    <li>澳门</li>
                    <li>广东</li>
                    <li>更多</li>
                </ul>
            </div>

        </div>
        <!-- 项目名称盒子 -->
        <div class="start">
            <!-- 左边的盒子 -->
            <div class="left"></div>
            <div class="content">
                <!-- 左边三角形 -->
                <div class="topleft"></div>
                <div class="content2">
                    <p>项目名称</p>
                    <p>所在地区</p>
                    <p>行业</p>
                    <p>类型</p>
                    <p>发布时间</p>

                </div>
                <!-- 右边三角形 -->
                <div class="topright"></div>
            </div>
            <!-- 右边盒子 -->
            <div class="right"></div>


        </div>
        <div class="start2">
            <div class="start2-left"></div>
            <div class="start2-content">
                <!-- 项目名称 -->
                <ul class="project">
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                    <li>[广州天河龙洞] 可圈可点茶餐厅</li>
                </ul>
                <!-- 地区 -->
                <ul class="region">
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                    <li>广东</li>
                </ul>
                <!-- 行业 -->
                <ul class="industry">
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                    <li>餐饮餐馆</li>
                </ul>
                <!-- 类型 -->
                <ul class="type">
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                    <li>股权转让</li>
                </ul>
                <!-- 发布时间 -->
                <ul class="release-time">
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                    <li>2015-06-09</li>
                </ul>

            </div>
            <box class="start2-right"></box>
        </div>
        <!-- 翻页 -->
        <div class="pageup">
            <div class="click">
                <div> 上一页</div>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
                <div>下一页</div>
            </div>
        </div>
        <!-- 分割线 -->
        <div class="xian"></div>
        <!-- 底部内容 -->
        <div class="bottom">
            <div class="daohang">
                <ul>
                    <li>简 介</li>
                    <li>鼎搜网简介</li>
                    <li>鼎搜服务</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>帮 助</li>
                    <li>用户注册</li>
                    <li>关于鼎搜</li>
                    <li>在线咨询</li>
                </ul>
                <ul>
                    <li>共 赢</li>
                    <li>网站合作</li>
                    <li>用户协议</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>导 航</li>
                    <li>地图首页</li>
                    <li>职能分类</li>
                    <li>企业名录</li>
                </ul>
            </div>
            <div class="daohang-img"><img src="./daohangimg.png" alt=""></div>
        </div>
        <div class="bottom2">
            <p>Copyright &copy;2015 鼎搜网(www.dinsoo.com) 版权所有</p>
        </div>
    </div>

</body>

</html>